@mixin linear-gradient($color1: $uni-color-primary-light, $color2: $uni-color-primary) {
  background: linear-gradient(to right, $color1, $color2);
  color: $uni-color-light;
}

@mixin text-justify() {
  text-align: justify;
  text-justify: distribute-all-lines; /*ie6-8*/
  text-align-last: justify; /* ie9*/
  -moz-text-align-last: justify; /*ff*/
  -webkit-text-align-last: justify; /*chrome 20+*/
}

@mixin border_bottom($color: $uni-border-color) {
  & {
    position: relative;
    &:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      border-bottom: 1px solid $color;
      transform-origin: 0 0;
      padding: 1px;
      box-sizing: border-box;
      pointer-events: none;
    }
    &:last-child:before {
      border-bottom: none;
    }
  }
  @media (-webkit-min-device-pixel-ratio: 1), (min-device-pixel-ratio: 1) {
    &:before {
      width: 100%;
      height: 100%;
      transform: scale(1);
    }
  }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    &:before {
      width: 200%;
      height: 200%;
      transform: scale(0.5);
    }
  }
  @media (-webkit-min-device-pixel-ratio: 3), (min-device-pixel-ratio: 3) {
    &:before {
      width: 300%;
      height: 300%;
      transform: scale(0.333);
    }
  }
}
